@import "partials/mixins";
#playerSelect {
    margin: 0 auto;
    .info {
        border: 1px solid #797979;
        margin: ptr(50px) ptr(5px) ptr(5px);
        height: ptr(280px);
        .content {
            height: ptr(230px);
        }
    }
    .select {
        margin-top: ptr(50px);
        .itemList {
            height: ptr(280px);
        }
        .item {
            line-height: ptr(35px);
            border-width: 1px;
            border-style: solid;
            border-color: #797979;
            color: #fff;
            padding-left: 10px;
            font-size: ptr(14px);
            margin: 0 ptr(5px) ptr(10px);
            &.active {
                color: #f40;
                border-color: #f40;
            }
        }
    }
    button {
        display: block;
        border: ptr(3px) solid #403F3F;
        background-color: #060E11;
        width: ptr(100px);
        height: ptr(30px);
        color: #ccc;
        margin: ptr(10px) auto;
    }
    .create {
        color: #fff;
        display: block;
        text-align: center;
        position: absolute;
        width: 100%;
        bottom: ptr(15px);
        text-decoration: underline;
    }
}